<!DOCTYPE html>
<html lang="fr" >
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Speedy Market - Page d'accueil</title>
        <link rel="stylesheet" type="text/css" href="css/styleSpeedyMarket.css" media="all" /> 
        <link href="bootstrap/css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
        <link href="bootstrap/css/bootstrap.min.css" type="text/css" rel="stylesheet" media="all">
        <script type="text/javascript" src="js/jquery.js"></script> 
        <script type="text/javascript" src="bootstrap/js/bootstrap.js"></script> 
        <script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script> 
      <!--  <script type="text/javascript" >
           $(function (){
        $('.carousel').carousel({
            interval: 2000
        });
    });  
        </script> -->
</head>


<body id="main">
   
    <header id="header">

        <div> 
            <img src="images/speedy-market.gif" alt="Logo du site" id="logo" /> 
        </div> 
        <section>
<!--            <img src="images/panier.gif" id="panier" alt="" />-->
            <div id="header_panier">
                <form id="panier_form" method="get" action="pages_diverses/panier.html">
                      <ul><li style="list-style-image:url(images/panier.png)"><strong>Mon panier</strong></li></ul>
                    <p>Votre panier est vide</p>
                    <input id="total_panier_input" type="text" value="Total   0 article  0,00€" readonly><br>
                    <input id="bouton_panier" type="submit" style="width:150px" value="V">
                </form>
            </div>

            <img src="images/familly.gif" id="familly" alt="" />
        </section>
        <section>
            <form class="form-inline" role="form" action="pages_diverses/identification.html">
                <div class="form-group">
                    <label class="sr-only" for="exampleInputEmail2">Identifiant</label>
                    <input type="email" class="control_form" id="exampleInputEmail2"  placeholder="Identifiant">
                </div>
                <div class="form-group">
                    <label class="sr-only "  for="exampleInputPassword2">Mot de passe</label>
                    <input type="password" class="control_form" id="exampleInputPassword2" placeholder="Mot de passe">
                    <button type="submit" class="glyphicon glyphicon-chevron-right identifiant"></button>
                </div><br>
                <div id="mdp_oublie">
                <a href="#">Mot de passe oublié ?</a>
                </div>
                <div>
                    <img src="textesenimages/simplifiez_vous.gif" id="simplifiez_vous" alt="" />
                </div>
            </form> 
        </section>

    </header>
    
    <nav id="navigation">
        <div class="clearFloat"> </div>
    
        <ul>
            <li><a href="categories/categorie.html" class="poissonnerie"><img src="textesenimages/textpoissonnerie.gif" id="txtpoissonnerie" alt="" /></a></li>
            <li><a href="categories/categorie.html" class="surgeles"><img src="textesenimages/textsurgeler.gif" class="txtsurgeles"   alt="" /></a></li>			
            <li><a href="categories/categorie.html" class="boucherie"><img src="textesenimages/textboucherie.gif" class="txtboucherie"   alt="" /></a></li>
            <li><a href="categories/categorie.html" class="cremerie"><img src="textesenimages/textcremerie.gif" id="txtcremerie"   alt="" /></a></li>
            <li><a href="categories/categorie.html" class="boulangerie"><img src="textesenimages/textboulangerie.gif" id="txtboulangerie"   alt="" /></a></li>
            <li><a href="categories/categorie.html" class="sucree"><img src="textesenimages/textepiceriesucree.gif" id="txtepicerie_sucree"   alt="" /></a></li>
            <li><a href="categories/categorie.html" class="salee"><img src="textesenimages/textepiceriesalee.gif" id="txtepicerie_salee"   alt="" /></a></li>
            <li><a href="categories/categorie.html" class="fruits"><img src="textesenimages/textfruitslegumes.gif" id="txtfruits_legumes"   alt="" /></a></li>
            <li><a href="categories/categorie.html" class="conserves"><img src="textesenimages/textconserves.gif" id="txtconserves"   alt="" /></a></li>
            <li><a href="categories/categorie.html" class="boissons"><img src="textesenimages/textboissons.gif" id="txtboissons"   alt="" /></a></li>
            <li><a href="categories/categorie.html" class="soins"><img src="textesenimages/textsoinsbeaute.gif" id="txtsoins_beaute"   alt="" /></a></li>
            <li><a href="categories/categorie.html" class="interieur"><img src="textesenimages/textinterieur.gif" id="txtinterieur"   alt="" /></a></li>
	</ul>    

    </nav>

    <div id="content">
        <div class="clearFloat"></div>
        <section>
            <input type="search" name="title" class="zone_search" placeholder="Cherchez votre article" value>
            <div>  <button type="submit" class="glyphicon glyphicon-search boutn_recherche "></button> </div>
        </section>
        <!-- Carousel -->
        <div>
            <div id="carousel-speedy_market" class="carousel slide" data-ride="carousel">
                <!-- Indicators -->
                <ol class="carousel-indicators">
                    <li data-target="#carousel-speedy_market" data-slide-to="0" class="active"></li>
                    <li data-target="#carousel-speedy_market" data-slide-to="1"></li>
                    <li data-target="#carousel-speedy_market" data-slide-to="2"></li>
                </ol>

                <!-- Wrapper for slides -->
                <div class="carousel-inner">
                    <div class="item active">
                        <img src="images/acceuil.gif" class="acceuil" alt="premier slide" /> 
                        <div class="carousel-caption">
                            <h2>Page Accueil</h2>
                            <p>Welcome to speedymarket</p>
                        </div>
                    </div>
                    <div class="item">
                        <img src="images/acceuil.gif" class="acceuil" alt="deuxieme slide" /> 
                        <div class="carousel-caption">
                            <h2>Page Recette</h2>
                            <p>Welcome to speedymarket</p>
                        </div>
                    </div>
                    <div class="item">
                        <img src="images/acceuil.gif" class="acceuil" alt="troisieme slide" /> 
                        <div class="carousel-caption">
                            <h2>Page Idées plat du jour</h2>
                            <p>Welcome to speedymarket</p>
                        </div>
                    </div>
                </div>

                <!-- Controls -->
                <a class="left carousel-control" href="#carousel-speedy_market" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left"></span>
                </a>
                <a class="right carousel-control" href="#carousel-speedy_market" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right"></span>
                </a>
            </div>
        </div>
          
        <div id="engagements">
            <div class="clearFloat"></div>  
            <ul>
                <li><a href="pages_diverses/engagements.html" class="securises">Paiements sécurisés</a></li>
                <li><a href="pages_diverses/engagements.html" class="qualite">Un service de qualité</a></li>
                <li><a href="pages_diverses/engagements.html" class="rembourse">Satisfait ou remboursé</a></li>
                <li><a href="pages_diverses/engagements.html" class="plusbas">Les prix les plus bas</a></li>
            </ul>
        </div>   

        <div class="form-group" id="newsletter">  
            <strong style="color:green">Abonnez-vous à notre newsletter </strong>
            <img src="images/email.gif" id="enveloppe"  alt="" />  
            <form class="form-inline" role="form" action="pages_diverses/identification.html">
                <label class="sr-only" for="exampleInputEmail2">Identifiant</label>
                <input type="email" class="email email2" id="exampleInputEmail"  placeholder="Email">
                <input type="submit" class="inscrire btn btn-success" name="inscription" value="S'inscrire">
            </form>
        </div>
   </div>
    
    <footer>
        <div class="clearFloat"></div>  
	<div id="pied_gauche"><a href="pages_diverses/mentions.html">Mentions spéciales </a></div>
	<div id="pied_droite"><a href="pages_diverses/plansite.html"> Plan du site</a></div>
        <div class="clearFloat"></div>  	
    </footer>

</body>
</html>
